import QtQuick

Rectangle {
  id: root

  property url iconSource
  property string valueText: ""

  width: 72
  height: 72
  radius: width / 2
  color: "#AA000000"
  border.color: "#FFFFFFFF"
  border.width: 2
  antialiasing: true

  Image {
    id: icon
    anchors.fill: parent
    anchors.margins: 6
    source: root.iconSource
    fillMode: Image.PreserveAspectFit
    sourceSize: Qt.size(width, height)
  }

  Text {
    id: value
    anchors.horizontalCenter: parent.horizontalCenter
    anchors.bottom: parent.bottom
    anchors.bottomMargin: 6
    text: root.valueText
    color: "white"
    font.pixelSize: 26
    font.bold: true
    style: Text.Outline
    styleColor: "#80000000"
  }
}


